/* * @Description: * @Author:lxy * @Date:2023-03-23 10:23 */
<template>
  <div class="vehicleMonitoringBox">
    <!--头部-->
    <header id="header">
      <div class="header">
        <h1 class="">
          <a href="javaScript:;" style="color: white">社区车辆管控综合平台</a>
        </h1>
      </div>
    </header>

    <!--内容-->
    <section id="data_content">
      <titlePage class="data_info"></titlePage>
      <div class="data_content">
        <!--左边-->
        <leftPage></leftPage>
        <!--中间-->
        <centerPage></centerPage>
        <!--右边-->
        <rightPage></rightPage>
      </div>
    </section>
  </div>
</template>

<script>
import titlePage from "./titlePage.vue";
import leftPage from "./leftPage.vue";
import rightPage from "./rightPage.vue";
import centerPage from "./centerPage.vue";
import { echartsFunctio } from "./js/echart";
import { scriop } from "./js/script";
export default {
  name: "vehicleMonitoring",
  components: {
    titlePage,
    leftPage,
    rightPage,
    centerPage
  },
  data() {
    return {};
  },
  mounted() {
    echartsFunctio();
    scriop();
  },
};
</script>

<style scoped lang="less">
@import '../css/publicCss.css';
@import '../css/style.css';
@import '../css/style2.0.css';
/*大屏*/
.vehicleMonitoringBox{
    width: 100vw;
    height: 100vh;
    background: url("../images/bj.png") no-repeat center;
    background-size:100% 100%;
    background-attachment:fixed;
    -webkit-background-size: cover;
}
@font-face{
    font-family: yjsz;
    src:url('../fonts/yjsz.ttf');
   /* url('../fonts/yjsz.eot'); *//* IE9+,可以是具体的实际链接 */
}
.fl{
    float: left;
}
.fr{
    float: right;
}

/*头部*/
#header{
    width: 100%;
    height: 105px;
    position: relative;
    background: url("../images/head_bg.png") no-repeat center center;
    background-size: 100%;
    box-shadow: 0 0 25px #037581;
    min-width: 1366px;
}
#header .header{
    width: 500px;
    height: 105px;
    /*background: red;*/
    margin: 0 auto;
    text-align: center;
    line-height: 80px;
    font-size: 24px;

}
#header .header h1{
    color: #ffffff;
    text-shadow: 0 0 25px #00d8ff;
    font-size: 46px;
    font-family:"Adobe 楷体 Std R";

}
 .data_content{
    width: calc(100% - 40px);
    height: 680px;
     margin-left: 16px;
     min-width: 1366px;
}

#data_content  .data_info{
    width: calc(100% - 40px);
    height: 90px;
    margin-left: 20px;
    margin-bottom: 30px;
    margin-top: 20px;
    min-width: 1366px;
    display: flex;
}

</style>
